---
title: Stats
description: Stats components built with Tailwind CSS v4. These responsive, SEO-friendly stat blocks are perfect for dashboards, admin panels, and analytics pages. Easily display key metrics, growth indicators, and performance data with customizable, accessible UI elements.
category: application
emoji: 📊
slug: stats
wrapper: h-[400px]
terms:
  - analytics
  - feedback
  - metric
components:
  - { title: 'Title, value, from value and themed growth stat', dark: true }
  - { title: 'Title, value, icon and themed growth stat', dark: true }
  - { title: 'Title, value and themed growth stat', dark: true }
  - { title: 'Title, value and icon', dark: true }
  - { title: 'Title, value and themed growth stat, stacked style', dark: true }
  - { title: 'Title, value, icon and themed growth stat, stacked style', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Stat Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
